@charset "UTF-8";
/* CSS Document */

@font-face {
 font-family: "Catull";
 src: url("Catull.ttf") format("truetype");
}

body {
	background: url(../img/bg_stripes.gif) repeat center center;
}

h1 {
	font-family:"Catull";
	text-shadow: 0 4px 2px lightgrey;
}

h1 span {
	margin: -3px;
}

/* general */
form, .sub_window {
	width: 500px;
	margin: 60px auto;
}

label:not(.no-float) {
display: block;
width: 190px;
float: left;
text-align: right;
padding: 0 20px 0 0;
color: maroon;
}

fieldset {
	border: 1px solid #EEE;
	width: 360px;
	padding: 20px;
}

input[type="radio"]{
	cursor:pointer;
}

input[type="text"], input[type="phone"], input[type="email"], input[type="password"]{
	margin-bottom: 20px;
	border:1px solid #aaa;
	padding:4px;
}

.button_container {
	text-align: right !important;
}

select {
	margin:0;
	cursor: pointer;
}

a:not(.button) {
	color: #aaa;
}

div#container {
background: #fff;
margin: 0 auto;
padding: 0 0 30px 0;
border: 1px solid #AAA;
box-shadow: 0 0 10px black;
}

div.window {
width: 100%;
}

div.window > * {
	padding: 0 10px;
	text-align: left;
}

div#container, div.window {
width: 900px;
}

table {	
border: 1px solid #AAA;
width: 710px;
margin: auto;
	
}

caption{
visibility: hidden;
}

table#my-selection tbody td {
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	vertical-align: middle;
	background: #ffe;
	padding:5px;
}

table#my-selection tr td:first-child {
	width: 90px;
	vertical-align: middle;
	text-align: center;
}

table#my-selection tr td:last-child {
	width:330px;
	vertical-align: middle;
	text-align: right;
}

table#my-selection tbody tr {
	border:1px solid #aaa;
}

table#my-selection tbody tr:hover td {
	background: #ff8 !important;
}

table#my-selection tbody tr:nth-child(2n+1) td {
	background: white;
}

table#my-selection tbody img:not(.button_icon){	
width: 60px;
height: ;
background: white;
padding: 4px;
border: 1px solid #AAA;
position: relative;
float: left;
margin-right: 30px;
}

div#menu {
background: white;
margin: 30px;
border:1px solid #eee;
padding: 0;
}

div#menu > ul {
	list-style: none;
	width: 90px;
	margin:0;
	padding:0;
	float:left;
}

div#menu > ul li a {
	background: url(../img/selection/nonSelected.png) no-repeat center center;
	height: 55px;
	width: 82px;
	display: block;
	padding-top: 34px;
	margin-left: -15px;
	padding-left: 20px;
	font-size: 12px;
	text-decoration: none;
	font-weight: bolder;
	color: #666;
	text-shadow: 0 1px 0 #fff;
	outline: none;
}

div#menu > ul li a:not(.menu_selected):hover {
	color: #000;
}

div#menu .menu_selected {
	background: url(../img/selection/selected.jpg) no-repeat center center;
	margin-left:-10px;
	color: #eee;
	text-shadow: none;
}

div.beverage {
	position: relative;
	margin-left: 90px;
	overflow: auto;
	height:356px;
	width: 748px;
}

div.beverage.hide {
	display:none;
}

div.beverage ul {
	list-style: none;
	width: 676px;
}

div.beverage li {
  margin: 30px 0;
  clear: both;
}

div.beverage li:not(:first-child) {
	border-top: 1px solid #eee;
}

div.beverage div.submenu {
	margin-left: 100px;
	padding-top: 1px;
}

div.beverage form {
	margin: 0 !important;
	width:auto !important;
}

div.beverage img:not(.button_icon){
  border: 1px solid #EEEEEE;
  box-shadow: 0 0 10px #AAAAAA;
  display: block;
  padding: 5px;
  width: 82px;
  float:left;
  margin: 10px 0;
  
}

div.beverage img:hover {
	-webkit-transform:scale(1.5);
	-moz-transform:scale(1.5);
	-o-transform:scale(1.5);
	transform:scale(1.5);
	z-index:9999;
	background: #fff;
	
}

input#login, input#createaccount {
	cursor: pointer;
	position: relative;
	width: 100px;
}

input#createaccount {
	margin-left: 297px;
}

#keeploggedin{
	width: 280px;
	text-align:right;
	float: left;
}

div.breadcrumbs {
	margin:0 10px;
}

div.breadcrumbs ul {
	border: 1px solid #d0d0d0;
	border-radius: 4px;
	height: 42px;
	background: #fff url(../img/bc_bg.png) repeat-x 0 1px;
	list-style: none;
	margin:0 0 50px 0;
	padding:0;
	overflow: hidden;
}

div.breadcrumbs a {
	text-decoration: underline;
}

div.breadcrumbs span, div.breadcrumbs a {
	text-shadow:0 1px 0 #fff;
	color: #aaa;
	font-weight: bolder;
}

div.breadcrumbs li {
	float: left;
	height: 42px;
}

div.breadcrumbs li.right {
	border-left: 1px solid #d0d0d0;
	float: right;
}

div.breadcrumbs li.right span {
	float: right;
	padding: 15px 15px 0 15px;
}

div.breadcrumbs li.right a:hover {
	text-decoration: underline;
}

div.breadcrumbs span {
	height: 42px;
	display: block;
}

span.bc_text {
	color: #999;
	font-weight: bolder;
	padding: 15px;
}

span.bc_home {
	background: url(../img/bc_home.png) no-repeat center center;
	width: 45px;
}

span.bc_arrow {
	background: url(../img/bc_arrow.png) no-repeat center center;
	width: 13px;
}

footer {
	text-align:center;
}

footer a {
	color: #aaa;
}
